﻿{% load static %}
<!doctype html>
<html lang="en">
   <head>
      <!-- Basic -->
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <!-- Mobile Metas -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- Site Metas -->
      <title>Consule - Consulting HTML Responsive</title>


      <link rel="stylesheet" href="{% static "static/bootstrap_big_data_view.min.css" %}">
      <link rel="stylesheet" href="{% static "static/style_big_data_view.css" %}">



   </head>
   <body style="width: 100%;height:1000px; ">
   <div id="container"  style="width:100%;height: 1000px;position: relative;">

	<div>
        <img  src="{% static "img/img_big_data_view/big_data_view_bg2.jpg" %}"  style="width:100%;height:100%;filter: blur(10px)">
    </div>



<div class="row" style="position: absolute;top:1%;;margin: auto; width: 100%;height: 400px;text-align: center;">
	    <div class="col-lg-12">
      <!-- Start How Help -->
      <div class="how-help-main" style="height: 1000px;width: 100%;">

         <div class="container">
            <div class="clearfix">
               <div class="all-title text-center">
                  <h2 style="font-size: 60px;color: #323131">工程学院</h2>
                   <h2 style="font-weight: lighter;color: #444343">智能生产管理系统</h2>
                  <span class="all-title-bar" style="background-color: #050505"></span>
               </div>
            </div>
            




            <div class="row" style="margin-top: 500px;">

               <div class="col-lg-2 col-md-3 col-sm-6" style="margin: auto">
                  <div class="helpbox aos-item" data-aos="fade-up" data-aos-duration="1000">
                      <a href="/factory_venu/">
                     <div class="icon-help">
                         <img class="hover-icon-h" src="{% static "img/img_big_data_view/employees-h.png" %}" alt="">
                        <img class="hover-icon" src="{% static "img/img_big_data_view/employees.png" %}" alt="">

                     </div>
                          </a>
                     <div class="helpdit">
                        <h3 style="color: #0a0a0a">车间环境</h3>
                        <p style="color: #090909">Workshop environment</p>
                     </div>
                  </div>
               </div>

               <div class="col-lg-2 col-md-3 col-sm-6" style="margin: auto">
                  <div class="helpbox aos-item" data-aos="fade-up" data-aos-duration="1500">
                     <a href="/machine_data/">
                      <div class="icon-help">
                        <img class="hover-icon" src="{% static "img/img_big_data_view/hierarchical-structure.png" %}" alt="">
                        <img class="hover-icon-h" src="{% static "img/img_big_data_view/hierarchical-structure-h.png" %}" alt="">
                      </div>
                     </a>
                      <div class="helpdit">
                        <h3 style="color: #070707">机台数据</h3>
                        <p style="color: #0c0c0c">Machine data</p>
                     </div>
                  </div>
               </div>

               <div class="col-lg-2 col-md-3 col-sm-6" style="margin: auto">
                  <div class="helpbox aos-item" data-aos="fade-up" data-aos-duration="2000">
                     <a href="/power_monitor/">
                      <div class="icon-help">
                        <img class="hover-icon" src="{% static "img/img_big_data_view/networking.png" %}" alt="">
                        <img class="hover-icon-h" src="{% static "img/img_big_data_view/networking-h.png" %}" alt="">
                      </div>
                     </a>
                         <div class="helpdit">
                        <h3 style="color: #171818">电力监控</h3>
                        <p style="color: #0a0a0a">Power monitoring</p>
                     </div>
                  </div>
               </div>

               <div class="col-lg-2 col-md-3 col-sm-6" style="margin: auto">
                  <div class="helpbox aos-item" data-aos="fade-up" data-aos-duration="2500">
                     <a href="/video_control/">
                      <div class="icon-help">
                        <img class="hover-icon" src="{% static "img/img_big_data_view/stats.png" %}" alt="">
                        <img class="hover-icon-h" src="{% static "img/img_big_data_view/stats-h.png" %}" alt="">
                     </div>
                     </a>
                      <div class="helpdit">
                        <h3 style="color: #131313">视频实时监控</h3>
                        <p style="color: #0c0c0c">Real time monitoring </p>
                     </div>
                  </div>
               </div>

                <div class="col-lg-2 col-md-3 col-sm-6" style="margin: auto">
                  <div class="helpbox aos-item" data-aos="fade-up" data-aos-duration="2500">
                     <a href="http://127.0.0.1:8001/admin/">
                      <div class="icon-help">
                        <img class="hover-icon" src="{% static "img/img_big_data_view/working.png" %}" alt="">
                        <img class="hover-icon-h" src="{% static "img/img_big_data_view/working-h.png" %}" alt="">
                     </div>
                     </a>
                      <div class="helpdit">
                        <h3 style="color: #131313">生产管理</h3>
                        <p style="color: #0c0c0c">Production management</p>
                     </div>
                  </div>
               </div>


            </div>
         </div>
          <div style="z-index: 9999;position: absolute;top:250px;left: 17%">
          <img style="width: 75%;height: 75%;" src="{% static "/img/img_big_data_view/big_data_view_3d1.png" %}">
          </div>
      </div>
      <!-- End How Help -->

        </div>
        </div>
   </div>

      <!-- All Js Files -->
      <script src="{% static "static/all_big_data_view.js" %}"></script>
      <script src="{% static "static/custom_big_data_view.js" %}"></script>
   </body>
</html>